<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <body>
        <ui:composition template="../plantilla/plantilla.xhtml">
            <ui:define name="content">
                <p:panel header="Add your home" style="width: 550px" >
                    <h:panelGrid columns="2" cellpadding="10" cellspacing="10">
                        <h:outputLabel for="addLocation" value="Location" style="text-align: left"/>
                        <p:inputText id="addLocation" value=""/>

                        <h:outputLabel for="addStatus" value="Status" style="text-align: left"/>
                        <p:selectOneListbox id="addStatus">
                            <f:selectItem itemLabel="For Sale" itemValue="s"/>
                            <f:selectItem itemLabel="For Rent" itemValue="r" />
                        </p:selectOneListbox>

                        <h:outputLabel for="addBeds" value="Beds" style="text-align: left"/>
                        <p:selectOneMenu id="addBeds" value="" >
                            <f:selectItem itemLabel="Seleccione" itemValue=""/>
                            <f:selectItem itemLabel="2" itemValue="2"/>
                            <f:selectItem itemLabel="3" itemValue="3"/>
                            <f:selectItem itemLabel="4" itemValue="4" />
                            <f:selectItem itemLabel="5" itemValue="5" />
                        </p:selectOneMenu>

                        <h:outputLabel for="addBaths" value="Baths" style="text-align: left"/>
                        <p:selectOneListbox id="addBaths" style="height: 50px" >
                            <f:selectItem itemLabel="1" itemValue="1"/>
                            <f:selectItem itemLabel="2" itemValue="2"/>
                            <f:selectItem itemLabel="3" itemValue="3" />
                        </p:selectOneListbox>

                        <h:outputLabel for="addPrice" value="Price" style="text-align: left"/>
                        <p:inputText id="addPrice" value=""/>

                        <h:outputLabel for="addArea" value="Area" style="text-align: left"/>
                        <p:inputText id="addArea" value=""/>
                        
                        <h:outputLabel for="addFile" value="Imagen" style="text-align: left"/>
                        <p:fileUpload id="addFile" value="" mode="simple"/> 

                        <p:commandButton value="Add" icon="ui-icon-search"/>
                    </h:panelGrid>
                </p:panel>
            </ui:define>
        </ui:composition>
    </body>
</html>